<html>
    <head>
        <title>Edit Person</title>
		<meta name="layout" content="dart" />
		<dart:css src="person.css"/>
    </head>
    <body>
		<h1>Editing Person</h1>
        <g:form method="post" >
        	<input type="hidden" name="id" value="${person?.id}" />
        	<input type="hidden" name="name" value="${person.name}" />
        	<table id="person">
        	<tr>
        		<td> Display Name </td>
        	 	<td> <input type="text" id="displayName" name="displayName" value="${person.displayName}"/> </td>
			</tr>
        	<tr>
        		<td> Background Color </td>
        	 	<td> <input type="text" id="primaryColor" name="primaryColor" value="${person.primaryColor}"/> </td>
			</tr>
        	<tr>
        		<td> Text Color </td>
        	 	<td> <input type="text" id="secondaryColor" name="secondaryColor" value="${person.secondaryColor}"/> </td>
			</tr>
        	<tr>
        		<td> Name </td>
        	 	<td> ${person.name} </td>
			</tr>	
			<tr align="center">
				<td> <g:actionSubmit class="submit" value="Save Changes" action="update"/> </td>
				<td> <g:actionSubmit class="submit" action="flipEnabled"
						value="${person.enabled ? 'Disable' : 'Enable'}" /> </td>
			</tr>
            </table>        
        </g:form>
    </body>
</html>
